html, body {
	position: relative;
	height: 100%;
}
body {
	background: #eee;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #000;
	margin: 0;
	padding: 0;
}
		
.ads{
	transform: translate3d(-188px, 0px, 0px) !important; 
	transition-duration: 300ms !important;
}
.add{
	transform: translate3d(0,0,0) !important;
	transition-duration: 300ms !important;
}

.swiper-container {
	width: 100%;
	height: 100%;
	.swiper-slide {
		text-align: center;
		font-size: 18px;
	}
	.menus {
		width: 50% !important;;
		background-color: rgb(51,51,51);
		color: #fff;
		h3{
		font-size: 18px;
		padding: 6% 0;
		text-align: left;
		background-color: rgb(40,40,40);
		}	
		ul{
			li{
				padding: 3%;
				text-align: left;
				border-top: 1px solid #666;
				display: flex;
				align-items: center;
				p{
					font-size: 16px;
				}
			}
		}
	}
	.content {
		width: 100%;
	}
}
		
.footer{
	border-top: 1px solid #000;
	display: flex;
	color: #fff;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	padding: 1%;
	div{
		i{
			font-size:50px;
		}
	}
	.logo{
		color: #999;
		background: #ccc;
		opacity: 0.5;
		padding: 3%;
		border-radius: 5px;
	}
	.timer{
		position: relative;
		bottom: -20px;
		font-size: 16px;
	}
	.lists{
		text-align: center;
		padding: 2% 2%;
		border-left: 1px solid #000;
	}
			
}		
		


		